import React from 'react';
import Taro from '@tarojs/taro';
import { View, Text, Button } from '@tarojs/components';

import './index.scss';

const NotFoundPage: React.FC = () => {
  const handleGoHome = () => {
    Taro.navigateTo({ url: '/pages/index/index' });
  };

  return (
    <View className="not-found-container">
      <Text className="not-found-title">404</Text>
      <Text className="not-found-message">页面未找到</Text>
      <Text className="not-found-description">抱歉，您访问的页面不存在或已被移除</Text>
      <Button className="not-found-link" onClick={handleGoHome}>
        返回首页
      </Button>
    </View>
  );
};

export default NotFoundPage;